<template>
<div class=" bgc">
    <Menu mode="horizontal"  active-name="">
         <Submenu name="1">
            <template slot="title">
                <Icon custom="iconfont iconxueshengguanli" size="18" />
                学生管理
        </template>
        <MenuItem name="1-1" @click.native="componentId='StudentMsg'">
            <Icon type="ios-people" />
            学生信息管理
        </MenuItem>
         <MenuItem name="1-2" @click.native="componentId='StudentRegister'">
       <Icon type="md-person-add" />
             新增学生
        </MenuItem>
        </Submenu>
         <Submenu name="2">
            <template slot="title">
                <Icon custom="iconfont iconlaoshiguanli" size="30" />
                教师管理
        </template>
        <MenuItem name="2-1" @click.native="componentId='TeacherMsg'">
            <Icon type="md-people" />
            教师信息管理
        </MenuItem>
         <MenuItem name="2-2" @click.native="componentId='TeacherRegister'">
       <Icon type="md-person-add" />
             新增教师
        </MenuItem>
        </Submenu>
        <Submenu name="3">
            <template slot="title">
                <Icon type="ios-paper-outline"/>
                试卷管理
            </template>
            <MenuGroup title="试卷信息">
                <MenuItem name="3-1">试卷分类</MenuItem>
                <MenuItem name="3-2">试卷统计</MenuItem>
                <MenuItem name="3-3">数据分析</MenuItem>
            </MenuGroup>
            <MenuGroup title="操作">
                <MenuItem name="3-4">试卷管理</MenuItem>
                <MenuItem name="3-5">待审核试卷</MenuItem>
            </MenuGroup>
        </Submenu>
        <Submenu name="4">
               <template slot="title">
                <Icon type="ios-construct" />
                综合设置
            </template>
            </MenuGroup>
        </MenuItem>
        </Submenu>
    </Menu>
     <component :is="componentId"></component>
</div>  
</template>

<script>
 import StudentMsg from './studentmanage.vue'
 import TeacherMsg from './teachermanage.vue'
 import StudentRegister from '../student/register.vue'
import TeacherRegister from '../teacher/TeacherRegister.vue'
import AdminFirst from './adminFirst.vue'

  export default {
      components:{
          'AdminFirst':AdminFirst,
          'StudentMsg':StudentMsg,
          'TeacherMsg':TeacherMsg,
          'StudentRegister':StudentRegister,
          'TeacherRegister':TeacherRegister
      },
        data () {
            return {
                componentId:'AdminFirst'
            }
        },
        
        
    }

</script>


<style lang="scss" scoped>

.bgc{
  position: relative;
  background-image: url('../../static/images/3.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  height: 800px;
  width: 100%;
}
</style>
